﻿﻿body,div,ul,ol,li,p {
    margin:0;
    padding:0
}
body {
    font:normal 12px/20px Arial,\5B8B\4F53;
    color:#daac79;
    background:#666
}
a {
    color:#bf966a;
    text-decoration:none
}
ol,ul {
    list-style:none
}
img {
    display:block;
    border:0
}

.focus{width: 692px;height: 267px;margin-left: 9px;float: left;}
.focusbox {
    background-color:#1c1c1c;
    position:relative
}
.focusimg {
    width: 692px;height: 267px;
    position:relative;
    overflow:hidden;
    -webkit-perspective:1300px
}
.fimglist {
    width:99300px;
    position:relative;
    -moz-perspective:1300px
}
.fimglist img {
    display:block;
    width: 692px;height: 267px;
    cursor:pointer
}
.fimglist li {
    width: 692px;height: 267px;
    float:left;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
.fimglist li.onpre {
    -webkit-animation:onpre .5s ease-in-out;
    animation:onpre .5s ease-in-out;
    opacity:0;
    -webkit-transform:scale(.8,.8);
    transform:scale(.8,.8)
}
@-webkit-keyframes onpre {
    0% {
        opacity:1;
        -webkit-transform:rotateY(0deg)
    }
    100% {
        opacity:0;
        -webkit-transform:rotateY(90deg)
    }
}@keyframes onpre {
     0% {
         opacity:1;
         transform:rotateY(0deg)
     }
     100% {
         opacity:0;
         transform:rotateY(90deg)
     }
 }.focustool {
      width:692px;
      overflow:hidden;
      height: 42px;
    background: rgba(255,255,255,0.5);
      margin:0 auto;
      position:absolute;left: 0;bottom: 0;
  }
.ftoollist {
    width:4655px;
    position:relative
}
.ftoollist img {
    display:block;
    width:129px;
    height:69px;
    margin-bottom:3px
}
/*.ftoollist a {
    background-color:#1c1c1c;
    display:block;
    width:129px;
    padding:4px 0 4px 4px;
    position:relative;
    -webkit-transition:all .3s linear;
    transition:all .3s linear
}*/
.ftoollist li {
    width: 116px;
    height: 42px;
    float:left;
    cursor:pointer;
    -webkit-transition:all .3s linear;
    transition:all .3s linear
}
.ftoollist .imgname {
    line-height:42px;
    text-align:center;
    color:#302f2f;
    font-family:\5FAE\8F6F\96C5\9ED1;
    font-weight:400;
    font-size:14px;
    height:42px;
    overflow:hidden;
    cursor:pointer
}
.ftoollist .imgshortcat {
    line-height:20px;
    text-align:center;
    color:#7d7d7d;
    font-size:12px;
    height:20px;
    overflow:hidden;
    cursor:pointer
}
.ftoollist a{display: block;height: 42px;line-height: 42px;}

/*.ftoollist a:hover {
    background-color:#503769;
    padding:4px;
    margin-right:-4px;
    z-index:100;
    top:-5px
}*/
.ftoollist a:hover .imgname {
    color:#dbc98c
}
.ftoollist a:hover .imgshortcat {
    color:#fff
}
/*.ftoollist .on a {
    background-color:#503769;
    padding:4px;
    margin-right:-4px;
    z-index:100;
    top:-5px
}*/
.ftoollist .on .imgname {
    color:#fff;background: #ae0404;
}
.ftoollist .on .imgshortcat {
    color:#fff
}